<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>管家名片</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <style>
        .picbox {
            position: relative;
            width: 100%;
            height: 245px;
            overflow: hidden;
        }

        .erweima {
            width: 100px;
            height: 100px;
            position: absolute;
            right: 2px;
            bottom: 2px;
            border: solid 2px #fff;
            overflow: hidden;
        }

            .erweima .erweimaimg {
                width: 100px;
                height: 100px;
                overflow: hidden;
            }

        .picbox .picboximg {
            width: 100%;
            height: 245px;
            overflow: hidden;
        }

        .aui-content {
            background: #fff;
            padding-bottom: 2rem;
        }

        .aui_formbox {
            padding: 20px 0px 5px 0px;
            width: 90%;
            margin: 0 auto;
        }

        .aui_formitem {
            line-height: 2.8 !important;
            border-bottom: solid 0.5px #efefef;
        }

            .aui_formitem .aui_formtitle {
                padding-left: 0px;
                font-size: 0.74rem;
                color: #bababa;
            }

            .aui_formitem .aui_formcontent {
                padding-left: 0px;
                font-size: 0.74rem;
            }

        .bggrey {
            background: #f5f5f5;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="picbox">
            <!-- "form.QRCodeImgPath==''?'./image/index/noinfo_icon.png':form.QRCodeImgPath" -->
            <div class="erweima"><img class="erweimaimg" :src="form.QRCodeImgPath==''?'../image/index/nodataImge.svg':form.QRCodeImgPath"></div>

            <img v-if="form.ImagePath==''" class="picboximg bggrey" src="../image/index/nodataImge.svg" >
            <img v-if="form.ImagePath!=''"  class="picboximg" :src="form.ImagePath">
        </div>
        <div class="aui-content">
            <div class="aui_formbox">
                <div class="aui_formitem">
                    <div class="aui_formtitle">
                        姓名
                    </div>
                    <div class="aui_formcontent">
                        {{form.Name}}
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">
                        联系电话
                    </div>
                    <div class="aui_formcontent">
                        {{form.PhoneNumber}}
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">
                        工作时间
                    </div>
                    <div class="aui_formcontent">
                        {{form.WorkTime}}
                    </div>
                </div>
                <div class="aui_formitem" style="border-bottom: none;">
                    <div class="aui_formtitle">
                        个人简介
                    </div>
                    <div class="aui_formcontent">
                        {{form.Desc}}
                    </div>
                </div>
            </div>
        </div>
        <div class="aui-content" style="margin-top: 10px; padding-bottom: 0px;">
            <div class="aui_formbox" style="padding:0px">
                <div class="aui_formitem" style="border-bottom: none;">
                    <div class="aui_formtitle">
                        身份绑定
                    </div>
                    <div class="aui_formcontent">
                       {{UserName}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="js/guanjiaCar.js"></script>

</html>
